<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://www.opensymphony.com/sitemesh/decorator"
	prefix="decorator"%>
<%@ include file="/WEB-INF/page/share/taglib.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<decorator:head></decorator:head>
<title><decorator:title></decorator:title></title>
<link
	href="${pageContext.request.contextPath}/css/front/processStyle.css"
	rel="stylesheet" type="text/css" />
<style type="text/css">
body {
	background: none repeat scroll 0 0 #F4F5EB;
	color: #000000;
	font-family: "����", Arial, Verdana, sans-serif, Helvetica;
	font-size: 12px;
	margin: 0;
}

dl,ul,li {
	list-style: none outside none;
}

a img {
	border: 0 none;
}

a {
	color: #000000;
}

a:link,a:visited,a:active,a:hover {
	text-decoration: none;
}

.clearboth {
	clear: both;
	font-size: 0;
}

input {
	vertical-align: middle;
}

body,html {
	height: 100%;
}

.noneBox {
	display: none;
}

.header {
	background:
		url("${pageContext.request.contextPath}/images/front/images/customer/header_bei.gif")
		repeat scroll 0 0 transparent;
	height: 53px;
	width: 100%;
}

.header01 {
	background:
		url("${pageContext.request.contextPath}/images/front/images/customer/header01.gif")
		no-repeat scroll 0 0 transparent;
	float: left;
	height: 53px;
	margin-left: 15px;
	width: 45px;
}

.header02 {
	float: left;
	font-family: "����";
	font-size: 20px;
	height: 28px;
	margin-left: 10px;
	padding-top: 25px;
	width: auto;
}

.header03 {
	background:
		url("${pageContext.request.contextPath}/images/front/images/customer/logo.gif")
		repeat scroll 0 0 transparent;
	float: right;
	height: 53px;
	margin-right: 15px;
	width: 67px;
}

.left {
	float: left;
	height: auto;
	margin: 8px 0 8px 8px !important;
	width: 214px;
}

.left01 {
	background:
		url("${pageContext.request.contextPath}/images/front/images/customer/left01_bei.gif")
		repeat-x scroll 0 0 transparent;
	height: 33px;
	margin-bottom: 8px;
	width: 214px;
}

.left01_left {
	background:
		url("${pageContext.request.contextPath}/images/front/images/customer/left01_left.gif")
		repeat scroll 0 0 transparent;
	float: left;
	height: 33px;
	width: 3px;
}

.left01_right {
	background:
		url("${pageContext.request.contextPath}/images/front/images/customer/left01_right.gif")
		repeat scroll 0 0 transparent;
	float: right;
	height: 33px;
	width: 3px;
}

.left01_c {
	color: #002F76;
	float: left;
	height: 33px;
	line-height: 33px;
	padding-left: 10px;
	width: 198px;
}

.left01_c img {
	height: 17px;
	margin: 3px 10px 0 0;
	width: 17px;
}

.left02 {
	height: auto;
	margin-bottom: 8px;
	width: 214px;
}

.left02top {
	background:
		url("${pageContext.request.contextPath}/images/front/images/customer/left02_bei.gif")
		repeat-x scroll 0 0 transparent;
	height: 36px;
	width: 214px;
}

.left02top_left {
	background:
		url("${pageContext.request.contextPath}/images/front/images/customer/left02_left.gif")
		repeat scroll 0 0 transparent;
	float: left;
	height: 36px;
	width: 3px;
}

.left02top_right {
	background:
		url("${pageContext.request.contextPath}/images/front/images/customer/left02_right.gif")
		repeat scroll 0 0 transparent;
	float: right;
	height: 36px;
	width: 3px;
}

.left02top_c {
	float: left;
	font-weight: bold;
	height: 36px;
	line-height: 33px;
	padding-left: 10px;
	width: 198px;
}

.left02down {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: -moz-use-text-color #B4B4B4 #B4B4B4;
	border-right: 1px solid #B4B4B4;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	height: auto;
	width: 212px;
}

.left02down01 {
	height: 27px;
	line-height: 27px;
	padding-left: 10px;
	width: 202px;
}

.left02down01_img {
	background:
		url("${pageContext.request.contextPath}/images/front/images/customer/01.gif")
		no-repeat scroll 0 0 transparent;
	float: left;
	height: 27px;
	margin-right: 5px;
	width: 7px;
}

.left02down01_xia ul {
	margin: 0;
	padding: 0 5px 0 19px;
}

.left02down01_xia li {
	height: 20px;
	line-height: 20px;
	margin: 3px 0;
	padding-left: 2px;
	width: auto;
}

.left02down01_xia_li {
	background: none repeat scroll 0 0 #EFF6FF;
}

.left03_right {
	background:
		url("${pageContext.request.contextPath}/images/front/images/customer/03.gif")
		repeat scroll 0 0 transparent;
	float: right;
	height: 33px;
	width: 30px;
}

.left03_c {
	color: #002F76;
	float: left;
	height: 33px;
	line-height: 33px;
	padding-left: 10px;
	width: 171px;
}

.rrcc {
	height: 90%;
	margin: 8px 8px 8px 222px;
	width: auto;
}

.center {
	background:
		url("${pageContext.request.contextPath}/images/front/images/customer/center0.gif")
		no-repeat scroll 0 0 transparent;
	cursor: pointer;
	float: left;
	height: 200px;
	margin-left: 8px !important;
	width: 8px;
}

.right {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #B4B4B4;
	margin-left: 20px !important;
	min-height: 90%;
	width: auto;
}

.right span {
	color: #666666;
}

.right01 {
	margin: 9px 0;
	padding-left: 10px;
}

.table1 {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	table-layout: fixed;
	WORD-BREAK: break-all;
	WORD-WRAP: break-word
}

.table1 td,table th {
	border: 1px solid #ACA899;
	padding: 5px;
	color: #000000;
	vertical-align: middle;
}

.table1 th {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 4px;
	color: #000000;
}

.table1 tr.alt td {
	color: #000000;
	background-color: #EAF2D3;
}

.div1 {
	text-align: center;
	line-height: 34px;
	vertical-align: middle;
}
</style>

<script>
	var temp = 0;
	function show_menuC() {
		if (temp == 0) {
			document.getElementById('LeftBox').style.display = 'none';
			document.getElementById('RightBox').style.marginLeft = '0';
			document.getElementById('Mobile').style.background = 'url(${pageContext.request.contextPath}/images/front/images/customer/center.gif)';
			temp = 1;
		} else {
			document.getElementById('RightBox').style.marginLeft = '222px';
			document.getElementById('LeftBox').style.display = 'block';
			document.getElementById('Mobile').style.background = 'url(${pageContext.request.contextPath}/images/front/images/customer/center0.gif)';
			temp = 0;
		}
	}

	function doLogout() {
		var b = window.confirm("确认退出系统？");
		if (b) {
			window.location.href = '/account.do?method=c_logout';
		}
	}
	/*
	function getMessage(){
		var xmlhttp;
		if (window.XMLHttpRequest){
			xmlhttp=new XMLHttpRequest();
		}else{
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		xmlhttp.onreadystatechange=function()
		{
			if (xmlhttp.readyState==4 && xmlhttp.status==200)
		    {
		    	var result = xmlhttp.responseText;
		    	if(result=="true"){
		    		document.getElementById("message").style.display = "";
		    	}
		    }
		}
		xmlhttp.open("GET","/account.do?method=hasMessage&time="+ new Date().getTime(),true);
		xmlhttp.send();
		window.setTimeout("getMessage()",1000*60);
	}
	window.setTimeout("getMessage()",500);
	 */
</script>
</head>
<body>
	<div class="header">
		<div class="header03"></div>
		<div class="header01"></div>
		<div class="header02">
			<span>黑马程序员在线报名系统</span>
			<!-- 
			<span style="position: absolute;right: 20px;text-decoration: underline;font-size: 12px;top: 30px;">
				<a href="/customer/operate.do?method=editCustomerUI&customreId=11282" style="color: blue">修改个人信息</a>	
			</span>
			 -->
		</div>
	</div>

	<div class="left" id="LeftBox">
		<div class="left01">
			<div class="left01_right"></div>
			<div class="left01_left"></div>
			<div class="left01_c">
				当前用户：${customer.name} <span style="text-align: right;"> <a
					href=""
					style="text-decoration: underline;color: red">激活帐户</a> </span>
			</div>
		</div>
		<div class="left02">
			<div class="left02top">
				<div class="left02top_right"></div>
				<div class="left02top_left"></div>
				<div class="left02top_c">我的黑马</div>
			</div>
			<div class="left02down">
				<style type="text/css">
.left02down01 {
	padding-bottom: 3px
}
</style>
				<br />
				<div class="left02down01">

					<a
						href="${pageContext.request.contextPath}/customer/process/applyIndex.do">
						<div id="Bf080" class="left02down01_img"></div> 查看报名流程 </a>
				</div>

				<div class="left02down01">
					<a
						href="${pageContext.request.contextPath}/customer/process/apply.do">
						<div id="Bf080" class="left02down01_img"></div> 发出入学申请 </a>
				</div>

				<div class="left02down01">
					<a href="/customer/process/apply.do?method=findMyApply">
						<div id="Bf080" class="left02down01_img"></div> 处理入学申请 </a> <span
						id="message" style="color:red;font-size: 10px;display: none;">(有新消息)</span>
				</div>

				<div class="left02down01">
					<a href="/customer/process/apply.do?method=findMyHistoryApply">
						<div id="Bf080" class="left02down01_img"></div> 查看我的申请 </a>
				</div>
				<div class="left02down01">
					<a
						href="/customer/operate.do?method=editCustomerUI&customreId=11282">
						<div id="Bf080" class="left02down01_img"></div> 修改个人信息 </a>
				</div>
				<br />

			</div>
		</div>

		<div class="left01">
			<div class="left03_right"></div>
			<div class="left01_left"></div>
			<div class="left03_c">
				<a href="javascript:void(0)" onclick="doLogout()">安全退出</a>
			</div>
		</div>
	</div>
	<decorator:body></decorator:body>
</body>
</html>
